<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_manage_setmeal">
            <div th:replace="layout/m_layout::title('VIP套餐')"></div>
            <div class="page-content">
                <div class="banner" style="margin-bottom: -.5rem;">
                    <img width="100%" style="display: block;"
                         src="/m/img/page_vip_banner.png"/>
                </div>

                <div class="bcui-card">
                    <!-- <div class="bcui-card-head">购买套餐</div> -->
                    <div class="bcui-card-content">
                        <form action="/center/account/recharge" method="get">
                            <input type="hidden" id="type" name="type" value="setmeal">
                            <input type="hidden" id="source" name="source" value="m">
                            <div class="setmeals">
                                <div class=" item" th:each="item:${bcSetmealsList}">
                                    <label>
                                        <div class="ub">
                                            <div class="ub-f1 left">
                                                <div class="name" th:text="${item.name}">
                                                </div>
                                            </div>
                                            <div class="price ub-ac ub">
                                                <div class="ub-f1">
                                                    ￥[[${item.price}]]
                                                </div>
                                            </div>
                                            <div class="radio ub-ac ub" >
                                                <input th:if="${item.apply eq 1}"
                                                        type="radio" class="radio-med"
                                                       name="setmealId"
                                                       th:value="${item.id}" /></div>
                                        </div>
                                        <div class="info" th:text="${item.explains}">
                                        </div>
                                    </label>
                                </div>
                            </div>
                            <div style="padding: 1rem 1rem;">
                                <button type="submit" class="btn btn-warning btn-block">确认购买</button>
                            </div>
                        </form>

                        <p style=" line-height:1.3; font-size:12px;  text-align:center;">
                            点击查看
                            <a class="_color" href="/common/about/vipexplain">
                                <u>
                                    VIP会员权限说明
                                </u>
                                >>
                            </a>
                        </p>
                        <p style=" line-height:1.3; font-size:12px;  text-align:center;">
                            支付即视为同意
                            <a class="_color" href="/common/about/vipagreement">
                                《
                                <u>
                                    VIP会员购买协议
                                </u>
                                》
                            </a>
                        </p>
                        <div style="height: 2rem;"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
</div>

</html>
